.sub-box {
    height: 55px;
    background-color: #fb7c1c;
    .category {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 55px;
        text-align: center;
        ul {
            position: absolute;
            left: 0;
            overflow: hidden;
            white-space: nowrap;
            li {
                position: relative;
                display: inline-block;
                overflow: hidden;
                list-style: none;
                height: 55px;
                position: relative;
                &:hover,
                &.active {
                    a {
                        background-color: #ff9e54;
                        &::after {
                            content: '';
                            display: block;
                            width: 0;
                            height: 0;
                            border-left: 10px solid transparent;
                            border-right: 10px solid transparent;
                            border-bottom: 8px solid #ffffff;
                            position: absolute;
                            bottom: 0;
                            left: 50%;
                            transform: translateX(-50%);
                        }
                    }
                }
            }
            a {
                line-height: 52px;
                display: inline-block;
                padding: 0 26px;
                font-size: 16px;
                color: #ffffff;
                @media(max-width: 1560px) {
                    padding: 0 20px;
                }
                @media(max-width:991px) {
                    padding: 0 12px;
                }
            }
        }
    }
}
